<!--19335040丁维力-->
<!--打地鼠小游戏html文件-->
<!-- 若出现倒计时混乱或计分混乱的情况，重启即可 -->
<!DOCTYPE html>
<html lang=en>
<head>
	<meta charset="utf-8">
	<title>Whac-a-mole</title>
    <link rel="stylesheet" type="text/css" href="../CSS/Whac-a-mole.css">
    <script src="../js/jquery.js" type="text/javascript"></script>
    <script src="../js/lodash.js" type="text/javascript"></script>
    <script src="../js/Whac-a-mole.js"></script>
</head>
<body>
	<header>Whac-a-mole</header>
	<div id="top">
		Test you skill. How many boxes(moles) can you check(hit) in 30 seconds？
	</div>
	<div id="result">
		<div id="control">
			<p id="start">Start Game</p>|<p id="stop">Stop Game</p>
		</div>
		<div id="time">
			Time:<p id="time_value"></p>
		</div>
		<div id="over"></div>
		<div id="score">
			Score:<p id="score_value"></p>
		</div>
	</div>
	<div id="game">
		<input type="radio" name="hole" value="0" >
		<input type="radio" name="hole" value="1" >
		<input type="radio" name="hole" value="2" >
		<input type="radio" name="hole" value="3" >
		<input type="radio" name="hole" value="4" >
		<input type="radio" name="hole" value="5" >
		<input type="radio" name="hole" value="6" >
		<input type="radio" name="hole" value="7" >
		<input type="radio" name="hole" value="8" >
		<input type="radio" name="hole" value="9" >
		<input type="radio" name="hole" value="10" >
		<input type="radio" name="hole" value="11" >
		<input type="radio" name="hole" value="12" >
		<input type="radio" name="hole" value="13" >
		<input type="radio" name="hole" value="14" >
		<input type="radio" name="hole" value="15" >
		<input type="radio" name="hole" value="16" >
		<input type="radio" name="hole" value="17" >
		<input type="radio" name="hole" value="18" >
		<input type="radio" name="hole" value="19" >
		<input type="radio" name="hole" value="20" >
		<input type="radio" name="hole" value="21" >
		<input type="radio" name="hole" value="22" >
		<input type="radio" name="hole" value="23" >
		<input type="radio" name="hole" value="24" >
		<input type="radio" name="hole" value="25" >
		<input type="radio" name="hole" value="26" >
		<input type="radio" name="hole" value="27" >
		<input type="radio" name="hole" value="28" >
		<input type="radio" name="hole" value="29" >
		<input type="radio" name="hole" value="30" >
		<input type="radio" name="hole" value="31" >
		<input type="radio" name="hole" value="32" >
		<input type="radio" name="hole" value="33" >
		<input type="radio" name="hole" value="34" >
		<input type="radio" name="hole" value="35" >
		<input type="radio" name="hole" value="36" >
		<input type="radio" name="hole" value="37" >
		<input type="radio" name="hole" value="38" >
		<input type="radio" name="hole" value="39" >
		<input type="radio" name="hole" value="40" >
		<input type="radio" name="hole" value="41" >
		<input type="radio" name="hole" value="42" >
		<input type="radio" name="hole" value="43" >
		<input type="radio" name="hole" value="44" >
		<input type="radio" name="hole" value="45" >
		<input type="radio" name="hole" value="46" >
		<input type="radio" name="hole" value="47" >
		<input type="radio" name="hole" value="48" >
		<input type="radio" name="hole" value="49" >
		<input type="radio" name="hole" value="50" >
		<input type="radio" name="hole" value="51" >
		<input type="radio" name="hole" value="52" >
		<input type="radio" name="hole" value="53" >
		<input type="radio" name="hole" value="54" >
		<input type="radio" name="hole" value="55" >
		<input type="radio" name="hole" value="56" >
		<input type="radio" name="hole" value="57" >
		<input type="radio" name="hole" value="58" >
		<input type="radio" name="hole" value="59" >
	</div>
	<div id="bottom">
		<p>Instructions:</p>
		<ol>
			<li>Click on the radio buttons(moles) as they are selected randomly by the computer.</li>
			<li>1 point per hit, minus 1 point per miss.</li>
		</ol>
	</div>
</body>
</html>